import { FC } from 'react';
import { Icon } from 'components'
import { useHistory } from 'react-router-dom'
import { faArrowAltCircleLeft, faArrowCircleDown } from '@fortawesome/free-solid-svg-icons'
import './style.scss'

const HeaderBar:FC = (props) => {
  const history:any = useHistory();

  return <div className="header-wrapper">

    <div className="header-left">
      <span>
        <Icon icon={faArrowAltCircleLeft} />
      </span>
      <span>上海
        <Icon icon={faArrowCircleDown} />
      </span>
    </div>
    <div className="header-mid">
      <span className="header-logo"></span>
    </div>
    <div className="header-right">
      <span className="header-avatar" onClick={() => {
        history.push('/login')
      }}></span>
    </div>

  </div>
}
export default HeaderBar;

